/**
 * @author:bjzhang
 * Created by MingRi on 2017/1/12.
 */

import React,{Component} from 'react';
import {
    View,
    Image,
    Text
} from 'react-native';

import BlurView from 'react-native-blur';

export default class BlurImage extends Component{
    render() {
        return (
            <Image source={require('../../image/sj201402411009_170x264.jpg')} style={styles.menu}>
                <BlurView blurType="light" blurAmount={10} style={styles.blur}>
                    <Text>Hi, I am a tiny menu item</Text>
                </BlurView>
            </Image>
        );
    }
}

const styles = {
    menu:{
        flex:1
    },
    blur:{
        flex:1
    }
}